<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@import "../Components/lightbox/css/lightbox.css";

/*
 * Globals
 */
.box-pie{behavior:url(./Components/PIE/PIE.htc);}
:root .box-pie{behavior:none;}
ul{+margin-left:0px;}
a:hover {
  text-decoration: none;
  outline: none;
  blr: expression(this.onFocus=this.blur());
}
.clear {
  clear: both;
  display: block;
  height: 0;
  overflow: hidden;
}
body {
  background: #f3f3f3;
  min-width:1200px;
  color: #4a4a4b;
  font-family:'Microsoft YaHei';
  font-weight: 400;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
body:after {
  display: none;
}
.w1200{
	position:relative;
	width:1200px;
	margin:0 auto;
}

.header{ background-color:#fff; padding:30px 0;}
.header .toplinks{position:absolute; top:0; right:0; font-size:12px; line-height:22px;}
.header .toplinks&gt;a{ color:#424242;}
.header .toplinks&gt;a.a1{ margin-right:5px; width:24px; display:inline-block; border:1px solid #848484; border-radius:50%; text-align:center; color:#848484;}
.header .toplinks&gt;a.a1:hover,.header .toplinks&gt;a.active{ background-color:#0f0f0f; color:#fff;}
.header .tel{ position:absolute; top:40px; right:275px;}
.header .tel&gt;em{ color:#ef1b31; font-family:'é»‘ä½“'; font-size:20px; line-height:18px; font-weight:bold;}
.header .search{ position:absolute; top:30px; right:0; width:264px; height:34px; background:url(../images/bg4.gif) no-repeat;}
.header .search input{ background:none; border:none; outline: none; box-shadow:none;}
.header .search .btn-tj{ width:34px; height:34px;}

.nav-head{ height:50px; background-color:#fff;}
.nav-head&gt;ul{ height:40px; background:url(../images/bg.png) no-repeat;}
.nav-head&gt;ul&gt;li{ float:left; width:130px; text-align:center;}
.nav-head&gt;ul&gt;li:first-child{ margin-left:1px; width: 125px;}
.nav-head&gt;ul&gt;li .dropdown-menu {min-width: 130px;}
.nav-head&gt;ul&gt;li:last-child .dropdown-menu {min-width: 150px;}
.nav-head&gt;ul&gt;li .dropdown-menu a:hover {background-color: #393939; color: #fff;}
.nav-head&gt;ul&gt;li:hover .dropdown-menu{display: block; margin-top: -1px;}
.nav-head&gt;ul&gt;li&gt;a{ color:#fff; text-align: right;}
.nav-head&gt;ul&gt;li&gt;a:hover,.nav-head&gt;ul&gt;li&gt;a:focus,.nav-head&gt;ul&gt;li.active&gt;a{ background:none; color:#d4d4d4;}

#banner-index&gt;.carousel-indicators&gt;li{ width:13px; height:13px; background:url(../images/btn1.png) no-repeat; border:none;}
#banner-index&gt;.carousel-indicators&gt;li.active{ background-position:0 -13px; margin:1px;}
#banner-index&gt;.carousel-inner&gt;.item&gt;a{
  display: block;
  height: 415px;
  background-position: center;
  background-repeat: no-repeat;
}

.mark{padding:12px 0; border-bottom:1px solid #ddd; background-color:#fff;}
.mark a{ color:#878787; padding:0 15px;}
.mark dt{ position:absolute; width:90px; line-height:24px;}
.mark dd{ margin-left:90px; line-height:24px;}

.mt15{ margin-bottom:15px;}
.p30-40{border:1px solid #ddd; padding:30px 40px; background-color:#fff; max-height: 1017px;}
.name-colmun{ position:relative; height:35px; background:url(../images/bg1.gif) left bottom no-repeat; font-size:16px; font-weight:bold; color:#161618;}
.name-colmun small{ color:#989898; text-transform:uppercase; font-size:13px;}
.name-colmun&gt;a{ position:absolute; right:0; bottom:0; color:#989898; font-size:13px; font-weight:normal;}
.nav-product{ width:199px; min-height:567px; background:url(../images/bg2.gif) repeat-y;}
.nav-product&gt;.tit{ margin-bottom:35px; padding:20px; background-color:#de1819; color:#fff; font-size:18px; font-weight:bold; line-height:18px;}
.nav-product dl{ padding:0 20px;}
.nav-product dt{ color:#fff; margin-bottom:10px; font-weight:normal;}
.nav-product dt&gt;i{ color:#de1819;}
.nav-product a{ display:block; font-size:13px; color:#818181; line-height:24px; padding:3px 0 3px 20px;}
.nav-product a:hover{ color:#ddd;}
.rt-product{ width:1001px; background-color:#fff;}
.list-product1{ margin-left:-12px; min-height:450px; margin-top:10px;}
.list-product1&gt;li{ margin-left:13px; margin-bottom:13px;}
.list-product&gt;li{ float:left; width:219px; height:212px;}
.list-product&gt;li&gt;.pic{ width:219px; height:158px; margin-bottom:5px; background-color:#eee; overflow:hidden;}
:root .list-product .pic&gt;a{ width:219px; height:158px; display:table-cell; vertical-align:middle; opacity:.8;}
.list-product .pic&gt;a:hover{ opacity:1;}
.list-product .pic img{ margin:0 auto;transition: all .25s linear .1s;}
.list-product .pic:hover img{transform: scale(1.05);}
.list-product&gt;li&gt;.tit{ background-color:#eee; height:50px;}
.list-product .tit&gt;a{ display:block; padding:15px; white-space:nowrap; color:#2e2e2e; overflow:hidden; text-overflow:ellipsis;}
.list-product .tit&gt;a:hover{ color:#000;}

.p30{ padding:30px; border:1px solid #ddd; background-color:#fff;}
.main2-index&gt;.pull-left{width:800px;}
.main2-index&gt;.pull-right{width:385px;}
.main3-index{ height:164px; background:url(../images/ad.jpg) top no-repeat;}
.main3-index&gt;a{ height:100%;}

.advantage&gt;.tit{ margin-top:42px; margin-bottom:22px;}
.advantage&gt;.tit:first-child{ margin-top:20px;}
.advantage&gt;.modal-body{ padding:0;}
.advantage&gt;.modal-body&gt;.info{ margin-left:190px;}

.equipment&gt;li{ margin-top:10px; width:320px; height:182px; overflow:hidden; position:relative;}
.equipment&gt;li:first-child{ margin-top:20px;}
.video&gt;li&gt;a{ position:absolute; top:0; right:0; bottom:0; left:0; z-index:1;/* background:url(../images/bg3.png) no-repeat;*/}

.about-index{ margin-top:25px; margin-bottom:10px; height:209px;}
.about-index&gt;.info{ margin-left:280px; line-height:28px;}
.about-index&gt;.info&gt;.btn{ background-color:#ef1b31; color:#fff; border-radius:0;}

#carousel-honor{ margin-top:25px; margin-bottom:10px;}
#carousel-honor img{ margin:0 auto; height:100%;}
#carousel-honor .item{ height:209px;}
#carousel-honor .carousel-control{ background:none; color:#333;}
#carousel-honor .carousel-control&gt;.glyphicon{ border:2px solid #333; border-radius:50%; padding:5px; top:90px;}

.img-scroll{ overflow:hidden; position:relative;}
.list-product2{ margin-top:20px; width:999em; margin-bottom:0;}
.list-product2&gt;li{ margin-right:11px;}
.btn-img-scroll{ z-index:2; position:absolute; top:50px; right:30px; background-color:#333236; color:#fff; font-size:12px; line-height:25px;}
.btn-img-scroll&gt;.btns{ width:25px; height:25px; display:inline-block; text-align:center; cursor:pointer;}
.btn-img-scroll&gt;.btns:hover{ background-color:#d5181c; color:#fff;}

.main4-index&gt;.item{ width:390px; margin-left:15px;}
.main4-index&gt;.item:first-child{ margin-left:0;}
.main4-index&gt;.item ul{ margin-top:10px; margin-bottom:0; height:204px; overflow:hidden;}
.main4-index&gt;.item li{ color:#acacac; line-height:24px; padding-top:10px;}
.main4-index&gt;.item li&gt;a{ font-size:13px; color:#131313;}
.main4-index&gt;.item li&gt;span{ float:right;}

.img-list2{ width:1060px; margin:0 auto; margin-top:20px; overflow:hidden;}
.img-list2 ul{ width:999em; margin-bottom:0;}
.img-list2 li{ float:left; margin-right:11px; width:142px; height:82px;}
.img-list2 li a{ display:block; text-align:center; border:1px solid #ddd; overflow:hidden;}

.btn-img-list2{ position:absolute; top:35px; width:24px; height:46px; background:url(../images/btn2.png) no-repeat; cursor:pointer;}
.btn-img-list2.next1{ background-position:-24px 0; right:0;}

.footer{ background-color:#535353; min-height:350px; color:#c4c4c4;}
.p55{ padding:50px 0;}
.bottom-links{ padding:40px 0; background:url(../images/bg5.gif) bottom repeat-x; color:#c4c4c4;}
.bottom-links a{ color:#c4c4c4; line-height:24px; padding:0 8px; display:inline-block;}
.bottom-links dt{ position:absolute; text-align:left; background:url(../images/bg6.gif) right repeat-y; width:95px;}
.bottom-links dd{ margin-left:125px;}

.nav-foot ul{ display:inline-block;}
.nav-foot li{ float:left; border-left:1px solid #c4c4c4;}
.nav-foot li:first-child{ border-left:none;}
.nav-foot li&gt;a{ display:block; padding:0 15px; color:#c4c4c4; font-size:13px; line-height:14px;}
.address-text{ font-size:12px;}
.address-text a{font-size:12px;color:#ccc;}
.address-text&gt;span{ padding:0 5px; line-height:40px; font-size:13px;}
.address-text .fa{ font-size:24px; color:#929292;}

.p15 {
  padding: 15px;
}
.mtop10{
  margin-top: 10px;
}
.mbtm10{
  margin-bottom: 10px;
}
.mbtm20{
  margin-bottom: 20px;
}
.ptop5{
  padding-top: 5px;
}
.ptop10{
  padding-top: 10px;
}
.banner{
  height: 297px;
  background: url(../images/banner1.jpg) center no-repeat;
}
.main-page&gt;.main-lt{
  position: relative;
  background-color: #fff;
  width: 220px;
}
.main-page&gt;.bg {
  position: absolute;
  top: 0;
  right: 980px;
  bottom: 0;
  width: 1200px;
  background-color: #fff;
}
.main-page&gt;.main-lt&gt;.col-name{
  padding: 15px 0 15px 60px;
  background-color: #de1819;
  color: #fff;
}
.col-name&gt;p{
  margin-bottom: 0;
  font-size: 12px;
}
.col-name&gt;p.name{
  font-size: 26px;
}
.main-page&gt;.main-lt .col-lx {
  border: 1px solid #e2e2e2;
}
.col-lx&gt;p {
  font-size: 13px;
  color: #4c4c4c;
  line-height: 28px;
  margin-bottom: 0;
}
.col-lx&gt;p&gt;span {
  color: #ababab;
}
.col-nav{
  border: 1px solid #e2e2e2;
  border-bottom: none;
}
.col-nav&gt;li{
  border-bottom: 1px solid #e2e2e2;
}
.col-nav&gt;li&gt;a{
  font-size: 15px;
  color: #676767;
  padding-left: 58px;
  transition: all .1s linear 0.1s;
  background: url(../images/icon.gif) 230px no-repeat;
}
.col-nav&gt;li&gt;a:hover,
.col-nav&gt;li.active&gt;a {
  background: url(../images/icon.gif) 180px no-repeat;
  color: #de1819;
}
.main-page&gt;.main-rt{
  width: 950px;
}
.place&gt;.name-colmun{
  min-width: 180px;
  font-size: 15px;
  font-weight: normal;
}
.place&gt;.pull-right{
  font-family: 'å®‹ä½“';
}
.place&gt;.pull-right&gt;i{
  font-size: 20px;
}
.place&gt;.pull-right&gt;a{
  font-family:'Microsoft YaHei';
  font-size: 13px;
  color: #525252;
  padding: 10px 5px 10px 5px;
  display: inline-block;
}
.place&gt;.pull-right&gt;a:hover {
  text-decoration: underline;
}
.place&gt;.pull-right&gt;a.active{
  color: #de1819;
}
.con-box{
  background-color: #fff;
  padding:50px;
}
.content {
  line-height: 30px;
}
.list-m15 {
  margin-right: -15px;
  margin-left: -15px;
}
.list-m15&gt;li {
  width: 262px;
  height: 226px;
  margin-left: 15px;
  margin-right: 15px; 
  margin-bottom: 30px;
}
.list-m15&gt;li&gt;.pic {
  width: 262px;
  height: 171px;
}
.list-page {
  margin: 0;
}
.list-page&gt;li&gt;a {
  margin-left: 5px;
  border-radius: 4px;
  padding: 3px 10px;
  color: #333;
}
.list-page&gt;li&gt;a:hover,
.list-page&gt;li.active&gt;a {
  background-color: #b41414;
  color: #fff;
  border: 1px solid #000;
}
.con-title {
   padding: 10px;
   border-bottom: 1px solid #dfdfdf;
   font-size: 16px;
   color: #000;
}
.con-date {
  padding: 10px;
  font-size: 12px;
  margin-bottom: 20px;
  color: #909090;
}
.list-news {
  margin-bottom: 40px;
}
.list-news&gt;li {
  padding: 5px 0;
  margin-bottom: 5px;
}
.list-news&gt;li&gt;span {
  color: #a7a7a7;
}
.list-news&gt;li&gt;a.title {
  padding-left: 20px;
  background: url(../images/icon1.gif) left no-repeat;
  color: #3f3f3f;
}
.list-news&gt;li&gt;a:hover {
  text-decoration: underline;
}
.column-mc {
  padding-top: 10px;
  padding-bottom: 30px;
  background: url(../images/bg7.gif) bottom no-repeat;
  margin-bottom: 20px;
}
.column-mc&gt;.tit-1 {
  font-size: 24px;
  line-height: 24px;
  padding-left: 290px;
  animation:myfirst 1s ease-out;
  -moz-animation:myfirst 1s ease-out; /* Firefox */
  -webkit-animation:myfirst 1s ease-out; /* Safari and Chrome */
  -o-animation:myfirst 1s ease-out; /* Opera */
}
@keyframes myfirst {
  from {padding-left: 0px}
  to {padding-left: 290px;}
}
@-webkit-keyframes myfirst {
  from {padding-left: 0px}
  to {padding-left: 290px;}
}
@-o-keyframes myfirst myfirst {
  from {padding-left: 0px}
  to {padding-left: 290px;}
}
.column-mc&gt;.tit-2 {
  padding-left: 330px;
  font-size: 30px;
  line-height: 30px;
  color: #de1819;
  text-transform: uppercase;
  animation:myfirsts 1s ease-out;
  -moz-animation:myfirsts 1s ease-out; /* Firefox */
  -webkit-animation:myfirsts 1s ease-out; /* Safari and Chrome */
  -o-animation:myfirsts 1s ease-out; /* Opera */
}
@keyframes myfirsts {
  from {text-align: 600px}
  to {padding-left: 330px;}
}
@-webkit-keyframes myfirsts {
  from {padding-left: 600px}
  to {padding-left: 330px;}
}
@-o-keyframes myfirst myfirsts {
  from {padding-left: 600px}
  to {padding-left: 330px;}
}
.p10{
  padding: 10px;
}
.alert-tit {
  border: 1px solid #e7e7e7;
}
.list-job&gt;li {
  padding-top: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #e7e7e7;
  line-height: 30px;
}
.list-job&gt;li&gt;div {
  position: relative;
  padding-left: 70px;
}
.list-job&gt;li&gt;div&gt;span {
  position: absolute;
  left: 0;
}
.list-job&gt;li&gt;.title {
  color: #de1819;
}
.list-job&gt;li&gt;.info {
  color: #7c7c7c;
}
.list-job&gt;li&gt;.info&gt;span {
  color: #252525;
}
.list-job&gt;li .detail {
  color: #282828;
  font-size: 13px;
  text-decoration: underline;
}
.detail-job&gt;.title {
  padding-top: 20px;
  padding-bottom: 20px;
  line-height: 30px;
  color: #de1819;
  font-size: 16px;
}
.form-ly {
  padding-top: 60px;
  padding-bottom: 60px;
}
.p-rt0 {
  padding-right: 0;
  font-weight: normal;
}
.map-bd {
  margin-top: 30px;
  height: 250px;
  background-color: #f5f3f0;
}
.list-address {
  line-height: 30px;
  color: #6b6b6b;
}
.list-address&gt;li {
  position: relative;
  min-width: 350px;
  float: left;
  padding-left: 45px;
  margin-right: 30px;
  min-height: 30px;
}
.list-address&gt;li&gt;span {
  position: absolute;
  left: 0;
}
.pop .center {
  width: 320px !important;
}
.pop .bottom {
  height: 25px !important;
}
.list-aptitude&gt;li {
  float: left;
  height: auto;
  text-align: center;
  margin-bottom: 0;
}
.list-aptitude&gt;li&gt;.pic {
  height: 264px;
  border: 1px solid #ddd;
}
.list-aptitude&gt;li&gt;.pic a {
  margin: 10px;
  display: inline-block;
}
.list-aptitude&gt;li&gt;.pic img {
  max-height: 100%;
  max-width: 100%;
}
.list-aptitude&gt;li&gt;a.title {
  display: block;
  padding: 15px;
  color: #595959;
  font-size: 15px;
}
.img-honor {
  padding-top: 100px;
  padding-bottom: 100px;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
.img-honor&gt;img {
  margin: 0 auto;
}
.tit-honor {
  padding: 40px;
  font-size: 15px;
}
.img-page {
  padding: 10px 0;
}
.img-page&gt;a {
  margin: 0 40px;
}
.list-artcie {
  margin-bottom: 30px;
}
.list-artcie&gt;li {
  position: relative;
  padding-bottom: 18px;
  margin-bottom: 18px;
  border-bottom: 1px solid #ddd;
}
.list-artcie .pic {
  text-align: center;
  width: 225px;
  height: 127px;
  overflow: hidden;
}
.list-artcie .pic img {
  max-width: 100%;
  max-height: 100%;
}
.list-artcie .text {
  position: absolute;
  top: 0;
  right: 0;
  left: 245px;
  padding: 10px;
}
.list-artcie .title {
  display: block;
  color: #de1819;
  font-size: 16px;
  padding-top: 15px;
  padding-bottom: 15px;
}
.list-artcie .info {
  font-size: 13px;
  line-height: 24px;
}
.list-artcie .info a{
  color: #000;
  text-decoration: underline;
}
.list-strength&gt;li {
  padding-bottom: 40px;
}
.list-strength .title {
  position: relative;
  display: block;
  padding-left: 55px;
  margin-bottom: 20px;
  font-style: italic;
  font-weight: bold;
  font-size: 18px;
  height: 40px;
  line-height: 40px;
  background: url(../images/bg8.jpg) left no-repeat;
  color: #181818;
}
.list-strength .title&gt;span {
  position: absolute;
  left: 0;
  text-align: center;
  padding-left: 10px;
  color: #fff;
}
.list-strength .info {
  position: relative;
}
.list-strength .info&gt;.pic {
  display: block;
  width: 180px;
  height: 127px;
}
.list-strength .info&gt;.txt {
  position: absolute;
  top: 0;
  left: 190px;
  font-size: 15px;
}
.list-relevant {
  margin-left: -5px;
  margin-right: -5px;
  padding-bottom: 30px;
  border-bottom: 1px solid #ddd;
}
.list-relevant&gt;li {
  width: 205px;
  height: 134px;
  float: left;
  margin-right: 5px;
  margin-left: 5px;
}
.list-relevant&gt;li img{
  max-height: 100%;
  max-width: 100%;
}
.detail-info {
  line-height: 30px;
}
.plt80 {
  position: relative;
  padding-left: 80px;
}
.detail-info&gt;.plt80 {
  padding-top: 5px;
  padding-bottom: 5px;
}
.plt80&gt;.name {
  position: absolute;
  left: 0;
  width: 75px;
  color: #8d8d8d;
  text-align: right;
  font-family: 'sans-serif';
}
.detail-img img {
  max-width: 100%;
  max-height: 100%;
}
.w370 {
  width: 370px;
}
.w465 {
  width: 465px;
}
.w470 {
  width: 470px;
}
.w365 {
  width: 365px;
}</pre></body></html>